*{
    -webkit-overflow-scrolling: touch;
}
html,body{
    height: 100%;
}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;
}

/**
 * font-size
 */
.font-size-xxxsmall{ /*20*/
    font-size:.5rem;
}
.font-size-xxsmall{ /*22*/
    font-size:.6rem;
}
.font-size-xsmall{ /*24*/
    font-size:.6rem;
}
.font-size-small{ /*26*/
    font-size:.65rem;
}
.font-size-primary{ /*28*/
    font-size:.7rem;
}
.font-size-xxregular{ /*30*/
    font-size:.75rem;
}
.font-size-xregular{ /*32*/
    font-size:.8rem;
}
.font-size-regular{ /*ps上的34px，html上的17px*/
    font-size:.85rem;
}
.font-size-large{ /*36*/
    font-size:.9rem;
}
.font-size-xlarge{ /*38*/
    font-size:.95rem;
}
.font-size-xxlarge{ /*40*/
    font-size:1.0rem;
}
.font-size-xxxlarge{ /*42*/
    font-size:1.05rem;
}
.font-size-huge{ /*44*/
    font-size:1.1rem;
}


/**
 * line-height
 */
.line-height-xxxsmall{ /*20 -32*/
    line-height:.8rem;
}
.line-height-xsmall{ /*24 - 36*/
    line-height:.9rem;
}
.line-height-small{ /*26 - 38*/
    line-height:.95rem;
}
.line-height-primary{ /*28 - 40*/
    line-height:1rem;
}
.line-height-xxregular{ /*30 - 36*/
    line-height:1.05rem;
}
.line-height-xregular{ /*32 -44*/
    line-height:1.1rem;
}
.line-height-regular{ /*34 -46*/
    line-height:1.15rem;
}

/**
 * margin
 */
.margin-t_60{
    margin-top:3rem;
}

.margin_20{   /*ps上的40px.html的20px*/
    margin:1rem;
}
.margin-t_20{
    margin-top:1rem;
}
.margin-r_20{
    margin-right:1rem;
}
.margin-b_20{
    margin-bottom:1rem;
}
.margin-l_20{
    margin-left:1rem;
}
.margin_15{   /*ps上的30px.html的15px*/
    margin: .75rem;
}
.margin-t_15{
    margin-top: .75rem;
}
.margin-r_15{
    margin-right: .75rem;
}
.margin-b_15{
    margin-bottom: .75rem;
}
.margin-l_15{
    margin-left: .75rem;
}
.margin_10{   /*ps上的20px.html的10px*/
    margin: .5rem;
}
.margin-t_10{
    margin-top: .5rem;
}
.margin-r_10{
    margin-right: .5rem;
}
.margin-b_10{
    margin-bottom: .5rem;    
}
.margin-l_10{
    margin-left: .5rem;
}

.margin-r_7{
    margin-right: .35rem;
}

.margin_5{   /*ps上的10px.html的5px*/
    margin: .25rem;
}
.margin-t_5{
    margin-top: .25rem;
}
.margin-r_5{
    margin-right: .25rem;
}
.margin-b_5{
    margin-bottom: .25rem;    
}
.margin-l_5{
    margin-left: .25rem;
}

/**
 * padding 
 */
.padding_15{    /*ps上的30px.html的15px*/
    padding: .75rem;
}
.padding-t_15{
    padding-top: .75rem;
}
.padding-r_15{
    padding-right: .75rem;
}
.padding-b_15{
    padding-bottom: .75rem;
}
.padding-l_15{
    padding-left: .75rem;
}
.padding_10{   /*ps上的20px.html的10px*/
    padding: .5rem;
}
.padding-t_10{
    padding-top: .5rem;
}
.padding-r_10{
    padding-right: .5rem;
}
.padding-b_10{
    padding-bottom: .5rem;
}
.padding-l_10{
    padding-left: .5rem;
}
.padding_5{    /*ps上的10px.html的5px*/
    padding: .25rem;
}
.padding-t_5{
    padding-top: .25rem;
}
.padding-r_5{
    padding-right: .25rem;
}
.padding-b_5{
    padding-bottom: .25rem;
}
.padding-l_5{
    padding-left: .25rem;
}

.padding-b__nav{
    padding-bottom: 3rem;
}
.padding-t__slider{
    padding-top:2rem;
}

/* icon */
.icon-size-mini{ /*24*/
    font-size: .6rem;
}
.icon-size-small{ /*32*/
    font-size: .8rem;
}
.icon-size-regular{ /*40*/
    font-size: 1rem;
}
.icon-size-normal{ /*44*/
    font-size: 1.1rem;
}
.icon-size-large{ /*54*/
    font-size: 1.35rem;
}
.icon_list{    
    position: relative;
    top:.08rem;
}
.icon_nav{    
    position: relative;
    top:-.2rem;
}
.img_star{
    width:1.1rem;
    height: 1.1rem;
}
.img_nodata{
    width: 5.875rem;
}
.img_nav{
    width:1.35rem !important;
    height:1.35rem !important;
    position: relative;
    top: .3rem;
}
.img-size-small{
    width:.8rem;
    height: .8rem;
}
.img-size-normal{
    width:1.1rem;
    height: 1.1rem;
}


/* tabbar */
.tabbar{
    box-shadow: 0px .025rem 0.025rem 0px #cccccc;
}

/* header */
.header{
    position: relative;
    z-index: 500;
}
.header-count{
    height: 2rem;
    line-height: 1.7rem;
    font-size: .75rem;
    text-align: center;
    color:#fff;
    position: relative;
    z-index:500;
}
.header-msg_box{
    padding:.25rem 0;
    text-align: center;
    box-shadow: 0px 0.075rem 0.125rem 0px rgba(40,159,255,.2); 
    border-radius:.25rem;
    position: absolute; 
    width:100%;
    z-index:501;
    top:1.825rem;
    background: #fff;
}
.header-msg_title{
    font-size: .6rem;
    color: #999999;
}
.header-msg_value{
    font-size: .7rem;
    color:#333333;
}
.header-btn_box{
    background-color: #fff; 
    padding:.5rem .75rem;
    height: 4.075rem;
    position: relative;
    z-index: 500;
}
.header-btn{
    line-height: 1.75rem;
    font-size: .75rem;
    position: absolute;
    width: 92%;
    bottom:.5rem;
}
.header-btn_icon{
    width: .75rem;
    height: .75rem;
}

.article_box{
    position: relative;
    width:100%;
    overflow-y: auto;
    z-index: 0; 
}

/* form */
.input-label{
    width:4.7rem;
}
.form-btn_box{
    padding:.1rem .5rem .3rem;
}

/* geren */
.geren-list_item:before,
.geren-list_item:after{
    border:0;
}
.geren-list_item{
    box-shadow: 0px 0px .25rem 0px rgba(204,204,204,.5);
}
.geren-avatar_box{
    width:2.525rem !important;
    height:2.525rem !important;
    overflow: hidden;
    border-radius: .1rem;
    margin-right: .75rem;
}
.geren-avatar_box img{
    width: 100%;
    height: 100%;
}
.geren-msg_box{
    height:2.125rem;
    padding-top: .4rem;
}
.geren-msg_title{
    font-size: .7rem;
    color: #333333;
}
.geren-msg_desc{
    font-size: .65rem;
    color: #999999;
}
.geren-msg_ft{
    font-size: .6rem;
    color: #999999;
    position: relative;
    top: -0.08rem;
}

/* article */
.article_title{
    font-weight: 700 !important;
    color:#333;
    font-size: 1.1rem !important;
    line-height: 1.4rem;
}

.input-yearPicker{
    width: 5.5rem;
    position: relative;
    top: -0.025rem;
    display: inline-block;
}